<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	    		xmlns:ui="http://java.sun.com/jsf/facelets"
	  			xmlns:h="http://java.sun.com/jsf/html"
	  			xmlns:f="http://java.sun.com/jsf/core"
	  			xmlns:p="http://primefaces.org/ui"
				template="/WEB-INF/layouts/standard.xhtml">
<ui:define name="content">
		<h1>Cocinero</h1>
		<h:form id="formCocinero">
		<p:panel header="Confirmar pedido">
			<p:dataTable id="tablaHamburguesas" var="pedido" value="#{cocinero.pedidoHamburguesas}" >
				<p:column headerText="Tipo">
					<h:outputText value="#{pedido.descripcion}"/>
				</p:column>
				<p:column headerText="Hora">
					<h:outputText value="#{pedido.fecha.time}">
						<f:convertDateTime pattern="HH:mm:ss" />
					</h:outputText>
				</p:column>
				<p:column headerText="Tipo">
					<p:commandButton  id="conf_btn" value="Confirmar" update="@form" process="@form">
						<p:collector value="#{pedido}" removeFrom="#{cocinero.pedidoHamburguesas}" />
					</p:commandButton>
				</p:column>
			</p:dataTable>
		</p:panel>
		<p:panel header="Alertas">
			<p:commandButton  id="alerta_btn" value="Limpiar" actionListener="#{cocinero.clearAlertas}" update="@form" process="@form" />
			<p:dataList var="alerta" value="#{cocinero.alertas}">
				<h:outputText style="color: red" value="#{alerta}" />
			</p:dataList>
		</p:panel>
		<p:panel header="Cocinar">
			<h3>Los comandos de esta sección simulan las acciones del cocinero sobre las herramientas</h3>
			<p:commandButton  id="add_corona" value="Agregar corona" update="@form" actionListener="#{cocinero.agregarCorona}" />
			<p:commandButton  id="add_base" value="Agregar base" update="@form" actionListener="#{cocinero.agregarBase}" />
			<p:commandButton  id="add_carne" value="Agregar carne" update="@form" actionListener="#{cocinero.agregarCarne}" />
			<p:commandButton  id="tomar_bandeja" value="Tomar bandeja" update="@form" actionListener="#{cocinero.confirmarFinalizacion}" />
		</p:panel>
		</h:form>
		<h:form id="estadoProcesoForm">
		<p:panel id="estadoProceso" header="Estado proceso">
			<p:poll interval="1" update="estadoProceso :growl :formCocinero" listener="#{cocinero.updateAlertas}"/>
			<p:panelGrid columns="2">
				<f:facet name="header">Proceso</f:facet>
				<h:outputText value="Estado: " />
				<h:outputText style="font-weight:bold !important; color:black" value="#{proceso.procesoActual.estado}" />
				<h:outputText value="Comienzo:" />
				<h:outputText value="#{proceso.procesoActual.horaInicio.time}" ><f:convertDateTime pattern="HH:mm:ss" /></h:outputText>
				<h:outputText value="Fin:" />
				<h:outputText value="#{proceso.procesoActual.horaFin.time}" ><f:convertDateTime pattern="HH:mm:ss" /></h:outputText>
				<h:outputText value="Segundos: " />
				<h:outputText value="#{proceso.procesoActual.segundosProceso}" />
			</p:panelGrid>
			<h:panelGrid columns="5">
				<p:panelGrid columns="2">
					<f:facet name="header">Tostadora Coronas</f:facet>
					<h:outputText value="Estado: " />
					<h:outputText value="#{maquinas.tostCorona.estado}" />
					<h:outputText value="#{maquinas.tostCorona.enEspera ? 'Disponible' : 'No disponible'}" />
					<h:outputText value="" />
					<h:outputText value="Temp: " />
					<h:outputText value="#{maquinas.tostCorona.temperatura}°C" />
					<h:outputText value="Coronas: " />
					<h:outputText value="#{maquinas.tostCorona.cantPanes}" />
					<h:outputText value="Tapa: " />
					<h:outputText value="#{maquinas.tostCorona.tapaCerrada ? 'cerrada' : 'abierta'}" />
				</p:panelGrid>
				<p:panelGrid columns="2">
					<f:facet name="header">Tostadora Bases</f:facet>
					<h:outputText value="Estado: " />
					<h:outputText value="#{maquinas.tostBase.estado}" />
					<h:outputText value="#{maquinas.tostBase.enEspera ? 'Disponible' : 'No disponible'}" />
					<h:outputText value="" />
					<h:outputText value="Temp: " />
					<h:outputText value="#{maquinas.tostBase.temperatura}°C" />
					<h:outputText value="Bases: " />
					<h:outputText value="#{maquinas.tostBase.cantPanes}" />
					<h:outputText value="Tapa: " />
					<h:outputText value="#{maquinas.tostBase.tapaCerrada ? 'cerrada' : 'abierta'}" />
				</p:panelGrid>
				<p:panelGrid columns="2">
					<f:facet name="header">Parrilla</f:facet>
					<h:outputText value="Estado: " />
					<h:outputText value="#{maquinas.parrilla.estado}" />
					<h:outputText value="#{maquinas.parrilla.enEspera ? 'Disponible' : 'No disponible'}" />
					<h:outputText value="" />
					<h:outputText value="Temp: " />
					<h:outputText value="#{maquinas.parrilla.temperatura}°C" />
					<h:outputText value="Carnes: " />
					<h:outputText value="#{maquinas.parrilla.cantCarnes}" />
					<h:outputText value="Tapa: " />
					<h:outputText value="#{maquinas.parrilla.tapaCerrada ? 'cerrada' : 'abierta'}" />
				</p:panelGrid>
				<p:panelGrid columns="2">
					<f:facet name="header">Cinta transportadora</f:facet>
					<h:outputText value="Estado: " />
					<h:outputText value="#{maquinas.cinta.estado}" />
					<h:outputText value="Coronas: " />
					<h:outputText value="#{maquinas.cinta.cantCoronas}" />
					<h:outputText value="Carnes: " />
					<h:outputText value="#{maquinas.cinta.cantCarnes}" />
					<h:outputText value="Bases: " />
					<h:outputText value="#{maquinas.cinta.cantBases}" />
				</p:panelGrid>
				<p:panelGrid columns="2">
					<f:facet name="header">Dispenser</f:facet>
					<h:outputText value="Estado: " />
					<h:outputText value="#{maquinas.dispenser.estado}" />
					<h:outputText value="Ketchup: " />
					<h:outputText value="#{maquinas.dispenser.cantKetchup}  oz" />
					<h:outputText value="Mostaza: " />
					<h:outputText value="#{maquinas.dispenser.cantMostaza} oz" />
					<h:outputText value="Cebolla: " />
					<h:outputText value="#{maquinas.dispenser.cantCebolla} oz" />
				</p:panelGrid>
			</h:panelGrid>
		</p:panel>
		</h:form>
</ui:define>
</ui:composition>